# Enlace / Link

### Código

```
<link></link>
```



### Tokens

**Colores**

| **Clas**e   | **Propiedad** | **Token**             |
| ----------- | ------------- | --------------------- |
| `.bx--link` | color         | `$link-01`            |
| `:hover`    | text color    | `$hover-primary-text` |
| `:active`   | text color    | `$text-01`            |
| `:focus`    | outline       | `$focus`              |
| `:visited`  | text color    | `$visited-link`       |
| `:disabled` | text color    | `$disabled-02`        |

**Tipografías**

| Clase           | Token             |
| :-------------- | :---------------- |
| `.bx--link`     | `$body-short-01`  |
| `.bx--link--sm` | `$helper-text-01` |
| `.bx--link--lg` | `$body-short-02`  |

**Estructura**

| Clase       | Propiedad      | Token         |
| :---------- | :------------- | :------------ |
| `.bx--link` | padding-right  | `$spacing-05` |
| `.bx--link` | padding-bottom | `$spacing-02` |
| `.bx--link` | padding-bottom | `$spacing-03` |

###